@import "./themes.scss";
@mixin themify($themes: $themes) {
  @each $themes-name, $map in $themes {
    // !global 表示覆盖原来的  & 表示将前面选择器的作为父级元素
    .theme-#{$themes-name} & {
      $themes-map: () !global;
      @each $key, $value in $map {
        //便利$map  将$map里的属性逐一加入到$themes-map中
        $themes-map: map-merge(
          $themes-map,
          (
            $key: $value,
          )
        ) !global;
      }
      @content;
      $themes-map: null !global;
    }
  }
}

// 必须在themify中使用，不然$themes-map 获取不到（未定义）
@function themed($key) {
  @return map-get($themes-map, $key);
}


